<template>
   <view class="box">
	   <view>
		   <image src="../../static/images/huotu.png" class="huodetails"></image>
		   <view class="huoxia">
			   <view class="activhang"> 阳春三月，大板水小程序上线促销活动，促销活动</view>
			   <view class="activhangx">2019年02月29日 04:52 来源：大板水官网</view>
			   <i class="activheng"></i>
			   <!-- <view class="activren">[使用人群]</view>
			   <view class="activconention">
				   <text class="">活动内容活动内容活动内容</text><br/>
				   <text>活动内容</text>
			   </view> -->
			   <view class="activhuo">[活动内容]</view>
			   <view class="activdong">
				   活动内容活动内容活动内容活动内容活动内容活动内容
				   活动内容活动内容活动内容活动内容活动内容活动内容
				   活动内容活动内容活动内容活动内容活动内容活动内容
				   活动内容活动内容活动内容活动内容活动内容活动内容
			   </view>
		   </view>
	   </view>
   </view>
</template>

<script>
	export default{
		data(){
			return{
				activityId:'a246db929191442d8d88548e74e039c70261'
			}
		},
		mounted(){
			uni.request({
			    	url: 'https://www.zunyishengshui.com/maishui/Activity/selectActivityByObjectId', //仅为示例，并非真实接口地址。
			    	method:'POST',
			    	data: {
						activityId:'a246db929191442d8d88548e74e039c70261',
			    	},
			    	header:{
			    		'content-type': 'application/x-www-form-urlencoded', 
			    	},
			    	success: (res) => {
			    		this.fail = res.data.data;
						/* for(var i = 0;i< this.fail.length;i++){
							this.fail[i].defaultUrl = this.fail[i].defaultUrl.substr(15)
						} */
			    		this.success = res.data;
			    		console.log(this.fail);
			    		this.text = 'request success';
			    		
			    	}
			    })
			},
			
			
			
			
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	}
	
	
	
	
	
	
	
	
	
</script>

<style>
	.box{
		display: flex;
		flex-direction: column;
	}
	.huodetails{
		width: 700upx;
		height: 420upx;
		margin: 22upx 20upx 0upx 20upx;
	}
	.huoxia{
		width: 100%;
		height: 1000upx;
	}
	.activhang{
		width: 700upx;
		height: 106upx;
		margin: 70upx 38upx 0px 40upx;
	}
	.activhangx{
		width: 100%;
		height: 56upx;
		color: #8C8C8C ;
		margin: 0px 56upx 0px 44upx;
		line-height: 56upx;
		font-size: 28upx;
	}
	.activheng{
		width: 100%;
		height: 2upx;
		margin: 18upx 26upx 0upx 26upx;
		background: #D7D7D7 ;
	}
	/* .activren{
		width: 204upx;
		height: 56upx;
		margin: 22upx 650upx 0upx 38upx;
	}
	.activconention{
		width: 100%;
		height: 90upx;
		margin: 18upx 238upx 0upx 40px;
		font-size: 28upx;
		color: #545454 ;
	} */
	.activhuo{
		width: 97px;
		height: 26px;
		font-size: 16px;
		margin: 0px 259px 0px 19px;
		}
	.activdong{
		width: 700upx;
		height: 46upx;
		margin: 36upx 38upx 34upx 34upx;
	}
	
	
	
	
</style>
